{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>闲言轻博客</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="{% static 'lavoz/layui/css/layui.css' %}">
	<link rel="stylesheet" href="{% static 'lavoz/static/css/mian.css' %}">
</head>
<body class="lay-blog">
		<div class="header">
			<div class="header-wrap">
				<h1 class="logo pull-left">
					<a href="{% url 'lavoz:index' %}">
						<img src="{% static 'lavoz/static/images/logo.png' %}" alt="" class="logo-img">
						<img src="{% static 'lavoz/static/images/logo-text.png' %}" alt="" class="logo-text">
					</a>
				</h1>
				<form class="layui-form blog-seach pull-left" action="">
					<div class="layui-form-item blog-sewrap">
					    <div class="layui-input-block blog-sebox">
					      <i class="layui-icon layui-icon-search"></i>
					      <input type="text" name="title" lay-verify="title" autocomplete="off"  class="layui-input">
					    </div>
					</div>
				</form>
				<div class="blog-nav pull-right">
					<ul class="layui-nav pull-left">
					  <li class="layui-nav-item layui-this"><a href="{% url 'lavoz:index' %}">首页</a></li>
					  <li class="layui-nav-item"><a href="{% url 'lavoz:message' %}">留言</a></li>
					  <li class="layui-nav-item"><a href="{% url 'lavoz:about' %}">关于</a></li>
					</ul>
					<a href="#" class="personal pull-left">
						<i class="layui-icon layui-icon-username"></i>
					</a>
				</div>
				<div class="mobile-nav pull-right" id="mobile-nav">
					<a href="javascript:;">
						<i class="layui-icon layui-icon-more"></i>
					</a>
				</div>
			</div>
			<ul class="pop-nav" id="pop-nav">
				<li><a href="{% url 'lavoz:index' %}">首页</a></li>
				<li><a href="{% url 'lavoz:message' %}">留言</a></li>
				<li><a href="{% url 'lavoz:about' %}">关于</a></li>
			</ul>
		</div>
		<div class="container-wrap">
			<div class="container">
					<div class="contar-wrap">
						<h4 class="item-title">
							<p><i class="layui-icon layui-icon-speaker"></i>公告：<span>{{ notice }}</span></p>
						</h4>
                        {% for xx in xxx %}
                            {% autoescape off %}
						<div class="item">
							<div class="item-box  layer-photos-demo1 layer-photos-demo">
								<h3><a href="{% url 'lavoz:detail' xx.id %}">{{ xx.title }}</a></h3>
								<h5>发布于：<span>{{ xx.pub_time }}</span></h5>
								{{ xx.Content | truncatechars:1000 }}
								<img src="{% static 'lavoz/static/images/item.png' %}" alt="">
							</div>
							<div class="comment count">
								<a href="{% url 'lavoz:comment' xx.id %}">评论</a>
								<a href="javascript:;" class="like">点赞</a>
							</div>
						</div>
                            {% endautoescape %}
                        {% endfor %}

					</div>
					<div class="item-btn">
						<button class="layui-btn layui-btn-normal">下一页</button>
					</div>
			</div>
		</div>
		<div class="footer">
			<p>
				<span>&copy; 2018</span>
				<span><a href="http://www.layui.com" target="_blank">layui.com</a></span> 
				<span>MIT license</span>
			</p>
			<p><span>人生就是一场修行</span></p>
		</div>
	<script src="{% static 'lavoz/layui/layui.js' %}"></script>
	<script>
		layui.config({
		  base: '{% static 'lavoz/static/js/' %}'
		}).use('blog');	
	</script>
</body>
</html>